<!DOCTYPE html>
<html>
	<head>
		<meta charset="utf-8" />
		<title></title>
	</head>
	<style >.hbox{
			width: 100%;
			height: 100px;
			background-color: black;
			}
		.fbox{
			width: 2500px;
			height: 100px;
			background-color: red;
			margin:0 auto;
	
		}
		.lbox{
			width: 1400px;
			height: 100%;
			background-color: pink;
			float: left;
		}
		.rbox{
			width: 1000px;
			height: 100%;
			float: right;
			background-color: blue;
		}
		.erbox{
			width: 2500px;
			height: 200px;
			border: 2px solid red;
			margin:15px auto;
			
		}
		.erbox .logbox{
			width: 250px;
			height: 100%;
			border: 1px solid black;
			float: left;
		}
		.erbox .abox{
			width: 500px;
			height: 100%;
			border: 1px solid blue;
			margin: auto;
			
		}
		.erbox .inputbox{
			width: 300px;
			height: 100%;
			border: 1px solid black;
			float:right;
			margin: -206px auto;
		}
		.bbox{
			width: 2500px;
			height: 1800px;
			border: 1px solid black;
			margin: 15px auto;
			
		}
		.bbox .zbox{
			width: 980px;
			height: 100%;
			border:1px solid red ;
			float:left;
		}
		
		.sanbox{
			width: 2500px;
			height: 900px;
			border: 1px solid red;
			margin: 15px auto;
			
		}
		.sanbox .sbox{
			width: 848px;
			height: 100%;
			border: 1px solid blue;
			}
			.sanbox .box{
				width: 209px;
				height: 228px;
				border: 1px solid blue;
				margin: 119px 23px;
				float: left;
			}
			.sanbox .ibox{
				width: 531px;
				height: 100%;
				border: 1px solid blue;
				float: right;
				margin-top: -898px;
				}
				.wubox{
					width: 2500px;
					height: 120px;
					border: 1px solid black;
					background-color: brown;
					margin: auto;
				}
	</style>
	<body><div class="hbox">
			<div class="fbox">
				<div class="lbox"></div>	
				<div class="rbox"></div>
			</div>
		</div>
		<div class="erbox">
			<div class="logbox"></div>
			<div class="abox"></div>
			<div class="inputbox"></div>
		</div>
		<div class="bbox">
			<div class="zbox"></div>
		</div>
		<div class="sanbox">
				<div class="sbox">
					<div class="box"></div>
					<div class="box"></div>
					<div class="box"></div>
					<div class="box"></div>
					<div class="box"></div>
					<div class="box"></div>
				</div>
				<div class="ibox"></div>	
				<div class="ibox"></div>
				<div class="ibox"></div>
		</div>
		<div class="wubox"></div>
		
	</body>
</html>
